

body {
margin: 0 auto;
padding: 0;
background-color:#fff;
font-family: Helvetica, Tahoma, Arial;
font-size: 12px;
color: #666666;
}

A
{
outline: none;
text-decoration: none;
color: #668AB9;
}
A:hover, A.selected, A:hover.selected
{
color: #749fd7;
}

/*buttons*/
.grey-button {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}.grey-button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}.grey-button:active {
	position:relative;
	top:1px;
}


.light-link A
{
outline: none;
text-decoration: none;
color: #ccc;
}
.light-link A:hover, A.selected, A:hover.selected
{
color: #ddd;
}

.main-colour{
color: #666666;
}

.primary-highlight-colour{
color: #999933;
}

.input-text{
color: #666666;
border: 1px solid #ddd;
}

.button {
background-color: #eeeeee;
color: #666666;
padding: 5px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border: 0;
}

.muj-grey-button{font-family: 'Helvetica'; font-weight:normal; font-size:15px; color:#808080;  background: url(../images/furniture/grey-button-right.png) right no-repeat; display: inline-block; min-width:80px; height:44px; text-align:center; padding:26px 12px 0px 0px; margin:0px 0px 0px 18px;}
.muj-grey-button-right { background: url(../images/furniture/grey-button-left.png) no-repeat left; float:left; width:5px; height:44px; margin:-13px 0px 0px -5px;}
.muj-button-icon { width:43px; height:43px; float:left; margin-top:-10px;}

.folder {
width:40px;
height:30px;
padding: 5px 10px;
background: #fff url("../images/furniture/folder-grey.jpg") center center no-repeat;
color: #eeeeee;
border: 0;
}

/* general containers */
.muj-container-width-960{
width: 960px;
float:left;
} 

.muj-container-width-480{
width: 480px;
float:left;
} 

.muj-container-width-240{
width: 240px;
float:left;
} 

/* login page */

#muj-container-login-logo{
width:260px;
height:90px;
margin: 20px 0 20px 70px;
background-color: #fff;
float:left;
}

#muj-container-login-top-banner{
 width:936px;
height:400px;
margin: 0 10px 10px 10px;
border: 1px solid #ddd;
background-color: #fff;
float:left;
-moz-border-radius:12px 12px 12px 12px;
-webkit-border-radius: 12px 12px 12px 12px;
}

#muj-container-login-promo{
position: absolute;
top:140px;
left:720px;
width: 475px;
width: 475px;
height:340px;
background-color:#ccc;
float:left;
}

.muj-container-login-promo-240{
width: 234px;
background-color:#fff;
border: 2px solid #fff;
float:left;
-moz-border-radius:12px 12px 12px 12px;
-webkit-border-radius: 12px 12px 12px 12px;
}

#muj-container-login-updates{
width:936px;
height:375px;
margin: 10px 10px 10px 10px;
border: 1px solid #ccc;
background-color: #fff;
float:left;
-moz-border-radius:12px 12px 12px 12px;
-webkit-border-radius: 12px 12px 12px 12px;
}

#muj-container-login-form{
position: absolute;
top:140px;
width: 475px;
height:340px;
background-color:#ddd;
float:left;
-moz-border-radius:12px 12px 12px 12px;
-webkit-border-radius: 12px 12px 12px 12px;

}

.muj-form-login-error{
width:200px;
height:15px;
margin-left: 60px;
color:#cc3333; 
float:left;
}

.muj-form-login-error .success{

color:#666666; 

}

.muj-login-form-title{
width:400px;
font-size:18px;
color:#eee;
margin-bottom:4px;
}

.muj-form-460 { 
margin:20px 0 0 20px;
width: 460px;
float:left 
}



.muj-form-920 { 
margin:20px 0 0 20px;
width: 920px;
float:left 
}



.muj-form-460-error-holder{
width:200px;
height:38px;
margin: 0 0 0 17px;
background: #91a939 url("../images/furniture/diagonal-back.png") repeat;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
display: inline-block;
float: left;
}


.muj-form-460-error-holder .error {
width:195px;
height:27px;
padding: 11px 0 0 10px;
background: #eee url("../images/furniture/diagonal-back.png") repeat;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
color:#cc3333;
font-size: 12px;
vertical-align:middle;
display: inline-block;
float:left;
}
.muj-form-460-error-holder .success {
width:195px;
height:27px;
padding: 11px 0 0 10px;
background: #b3cf4b url("../images/furniture/diagonal-back.png") repeat;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
color:#4f6400;
vertical-align: middle;
display: inline-block;
float:left;
}

.muj-form-460-label-error {
height:35px;
padding-left: 35px;
margin-left: 20px;
color:#eee;
}


.muj-container-form-header-large{
width:175px;
margin: 20px 10px 0 20px;
font-size:32px;
text-align:left;
color:#eee;
float:left;
}

#muj-button-login-register{
width: 205px;
height:34px;
margin:4px;
padding-top:9px;
margin: 20px 20px 0 20px;
font-size:20px;
text-align:center;
color:#664444;
float:right;
-moz-border-radius:8px 8px 8px 8px;
-webkit-border-radius: 8px 8px 8px 8px;
background: #fff url("../images/furniture/register-back.png") repeat;

}


.muj-form-label-large{
color: #666;
width:400px;
font-size:16px;
font-weight: 700;
height:15px;
margin: 10px 0 0 0;
padding: 0 0 4px 2px;
float:left;
text-align:left;
}

.muj-form-input-large input { 
width:195px;
height: 23px;
padding: 8px;
border: solid 1px #ddd;
font-size:16px;
color:#ccc;
background: #fff;
box-shadow: rgba(204,204,204, 0.1) 0px 0px 4px;
-moz-box-shadow: rgba(204,204,204, 0.1) 0px 0px 4px;
-webkit-box-shadow: rgba(204,204,204, 0.1) 0px 0px 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
float:left;

}

.muj-form-input-large input:hover, textarea:hover,
input:focus, textarea:focus { 
color:#666666;
box-shadow: rgba(204,204,204, 0.1) 0px 0px 6px;
-moz-box-shadow: rgba(204,204,204, 0.1) 0px 0px 6px;
-webkit-box-shadow: rgba(204,204,204, 0.1) 0px 0px 6px;
box-shadow:0 0 6px #ccc;
float:left;
}

.muj-form-input-date-large input { 
width:37px;
padding: 8px;
margin-right: 10px;
border: solid 1px #ccc;
font-size:16px;
color:#ccc;
background: #fff;
box-shadow: rgba(0,0,0, 0.1) 0px 0px 4px;
-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 4px;
-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
float:left;
}

.muj-form-input-date-large input:hover, textarea:hover,
input:focus, textarea:focus { 
color:#666666;
-moz-box-shadow:0 0 6px #5a6e13;
-webkit-box-shadow:0 0 6px #5a6e13;
box-shadow:0 0 6px #5a6e13;
float:left;
}

.muj-form-register-select{
width:198px; 
height: 23px;
padding:8px;
background-color: #fff;
font-size: 16px;
color:#666666;
border: 1px solid #ccc;
box-shadow: rgba(0,0,0, 0.1) 0px 0px 4px;
-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 4px;
-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
float: left; 
}

.muj-form-register-select:hover, textarea:hover,
input:focus, textarea:focus { 
color:#666666;
box-shadow: rgba(204,204,204, 0.1) 0px 0px 6px;
-moz-box-shadow: rgba(204,204,204, 0.1) 0px 0px 6px;
-webkit-box-shadow: rgba(204,204,204, 0.1) 0px 0px 6px;
box-shadow:0 0 6px #ccc;
float:left;
}

.muj-form-select-large{
width:200px;
color:#ccc;
font-size: 16px;
border: 0;  
}

.muj-form-select-large select:hover, 
select:focus, select:focus{
width:200px;
color:#666;
font-size: 16px;
border: 0;   
}
#muj-container-register-left{
width: 245px;
margin-top: 20px;
margin-left: 210px;
float:left;
}
#muj-container-register-right{
width: 435px;
margin-top: 20px;
margin-left: 20px;
float:left;
}


.muj-container-register-form-header{
width:730px;
margin: 20px 0 10px 210px;
font-size:28px;
text-align:left;
color:#91a939;
font-weight: 600;
float:left;
}
.muj-form-register-error{
width:435px;
height:15px;
text-align:left;
color:#cc3333; 
float:left;
}

/* main pages */
#muj-wrapper-main{
width: 960px;
min-height:700px;
background-color: #fff;
margin:auto;
}

#muj-header{
position: absolute;  
top: 10px;
width: 960px;  
height:45px;
background-color:#999933;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

#muj-logo-spacer{
width: 30px;  
height:42px;
background-color: #fff;
}

#muj-logo-main{
position: absolute;   
top:13px;
left: 100px; 
width: 200px;  
height:42px;
padding-top:10px;
background: #fff url("../images/furniture/logo.gif") left center no-repeat;
}

#muj-nav-main{
width: 300px;  
height:32px;
margin: 0 0 0 5px;
padding:0;
background-color:#91a939; 

}

#muj-nav-main ul li {
float: left;
list-style-type:none; 
}

#muj-nav-main ul li a {
display: block;
margin-right: 20px;
width: 40px;
font-size: 14px;
line-height: 18px;
text-align: center;
text-decoration: none;
color: #eeeeee;
}

#muj-nav-main ul li a:hover {
color: #dddddd;
}

#muj-nav-main ul li.selected a {
color: #eeeeee;
}

#muj-nav-main ul li.marketplace a {
margin-left: 6px;
padding-left: 42px;
text-align: left;
background: url("../images/furniture/icon-star.png") left center no-repeat;
}

#muj-nav-main ul li.social a {
margin-left:-10px;
padding-left: 42px;
text-align: left;
background: url("../images/furniture/icon-social.png") left center no-repeat;
}



#muj-container-content-main{
position: absolute;
top:60px;
width: 950px;
height:700px;
padding:5px;
background-color: #fff;
}

#muj-container-social-sidebar{
width: 135px;
padding:0;
margin-left:15px;
background-color: #fff;
float:right;
}

#muj-container-profile{
width:130px;
height:180px;
padding:10px 5px 0 5px;
margin-top:60px;
/*background: url("../images/furniture/box-profile-back.gif") center center no-repeat;*/
float:right;
}

.muj-wrapper-update{
width:800px;
background-color:#fff;
float:left;
}

.muj-container-picture-60-60{
width:60px;
height:60px;
padding:10px 0 0 10px;
background: url("../images/furniture/box-picture-back-60-60.gif") center center no-repeat;
float:left;
}

.muj-container-update-main{
width:720px;
min-height:47px;
margin-top:7px;
padding:10px 0 0 10px;
background-color:#f2f2f2;
-moz-border-radius: 4px;
border-radius: 4px;
float:left;
}

.muj-content-update-name{
width:600px;
padding:0;
font-size:12px;
float:left;
}

.muj-content-update-time{
width:100px;
padding:0;
font-size:10px;
color: #668AB9;
float:right;
}

.muj-content-update-message{
width:700px;
padding-top:2px;
font-size:14px;
line-height:16px;
float:left;
}

#muj-container-sidebar-tags{
width:130px;
margin-top:7px;
float:left;
}

.muj-content-sidebar-tag-item {
width:auto;
height:20px;
background:url(../images/furniture/tag-back.png) repeat-x top right; 
font-size:10px;
padding:6px 14px 0 3px; 
margin:0 4px 4px 0;
border-left:1px solid #dbdbdb; 
float:left; 
}

#muj-container-load-music{
width:330px;
margin-left: 15px;
display:block;
float:left;
}

.muj-container-load-music ul li{
list-style-type:none; 
}

.muj-picture-list { list-style:none;}
.muj-picture-list li {float:left; margin-top:0px; padding-top:18px;}
.muj-picture-list img {background: url(../images/furniture/tab-image-back.png) no-repeat; padding:9px; margin:0px 0px 0px 0px; float:left;}

.muj-image-friend{margin-right:10px;}


#muj-wrapper-info-items{
width:380px;
height:250px;
background: url(../images/furniture/box-info-back-380-250.jpg) no-repeat;
padding:5px 0 0 20px;
margin: -13px 0 30px 0;
float:left;
}

.muj-info-title{
width:125px;
font-size:12px;
font-weight: bold;
margin-bottom:10px;
float:left;
}

.muj-info-description{
width:185px;
font-size:12px;
margin-bottom:10px;
float:left;
}

#muj-container-photo-aside{
width:200px;
height:600px;
margin-right: 10px;
padding-top:7px;
background-color:#fff;
float:left;
}

.muj-container-aside-header{
width:180px;
height:30px;
background-color:#eee;
font-size:20px;
padding:12px 10px 10px 10px;
text-align: center;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
float:left;
}

#muj-container-photo-main{
position: relative;
top:-15px;
width:590px;
padding: 0 0 10px 0;
background-color:#fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
float:left;
}

.muj-container-image-folder
{
width:100px;
height:80px;
text-align:center;
float:left;
}

.muj-container-image-folder-title
{
width:100px;
text-align:center;
background-color:#fff;
float:left;
}

#muj-container-photo-recommend{
width:560px;
padding:20px 0 0 40px;
font-size:14px;
background-color:#fff;
float:left
}

.muj-container-photo-recommend-item{
width:250px;
padding:0;
background-color:#fff;
margin-right:20px;
float:left
}

.muj-container-photo-recommend-item ul li{
width:220px;
height: 157px;
border: 10px solid #fff;
float: left;
list-style-type:none; 
}




